<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的聚橙-个人资料</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/myprofile.css"/>
		<link rel="stylesheet" type="text/css" href="fontall/lzh/font/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="css/navAndFoot.css">
	</head>
	<body>
<div id="lrq">
	<div class="navpart">
		<div class="container">
			<div class="navpart-left">
				<span>文化青年,品质生活~</span>
			</div>
			<div class="navpart-right">
				<ul>
					<li class="nor-li"><a href="#">登录</a></li>
					<li class="nor-li"><a href="会员注册.html">注册</a></li>
					<li class="nor-li"><a href="myorderlist.html">我的订单</a></li>
					<li class="webnav">
						<a href="#" class="web-a">网站导航<i class="insert-xiabiao"></i></a>
						<div class="webnav-sel">
							<div class="sel-item pd-item">
								<dl>
									<dt>频道</dt>
									<dd>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
									</dd>
								</dl>
							</div>
							<div class="sel-item pl-item">
								<dl>
									<dt>品类站</dt>
									<dd>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
										<a href="#">学生专区</a>
										<a href="#">聚特惠</a>
									</dd>
								</dl>
							</div>
							<div class="sel-item cs-item">
								<dl>
									<dt>城市站</dt>
									<dd>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
										<a href="#">深圳</a>
									</dd>
								</dl>
							</div>
						</div>
					</li>
					<li class="phonebuy">
						<a href="#" class="b-r">手机购票<i class="insert-shouji"></i></a>
						<img src="img/mobile.png">
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="adverpart" id="adverpart">
		<div class="container">
			<a href="#">
				<img src="img/rAoKNVog8rOAYyABAABc7RRpCO4624.jpg">
			</a>
			<div class="close" id="close"><i class="insert-guanbi"></i>关闭</div>
		</div>
	</div>
	<div class="searchpart">
		<div class="container clearfix">
			<div class="logo">
				<a href="index.html"></a>
			</div>
			<div class="citysel" id="citysel">
				<div class="citysel-show">全国
					<i class="insert-xiabiao2"></i>
					<div class="citysel-show-all hide">
						<div class="citysel-show-all-tt">
							<div class="show-all-left">
								<span>全国<i class="insert-xiabiao3"></i></span>
							</div>
							<div class="show-all-right">
								<p>当前全国共有<span>1325</span>场演出,城市后数字代表演出场次</p>
							</div>
							<div class="close2" id="close2"></div>
						</div>
						<div class="citysel-show-all-bd">
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>全国</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">全国(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
							<div class="show-all-item">
								<div class="show-all-item-left">
									<span>华南地区</span>
								</div>
								<div class="show-all-item-right">
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
									<a href="#">广州(1000)</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="citysel-tuijian">
					<a href="#"><i class="insert-tuijian"></i>推荐广州站</a>
				</div>
			</div>
			<div class="search">
				<div class="search-top">
					<input type="text" name="sear" placeholder="Cats" id="sear">
					<a href="#" class="sear-a"></a>
					<div class="search-res-show hide" id="sear-show">
						
					</div>
				</div>
				<div class="search-bot">
					<a href="#">Cats</a>
					<a href="#">金牌制作人</a>
					<a href="#">罗密欧与朱丽叶</a>
				</div>
			</div>
		</div>
	</div>
	<div class="tabpart">
		<div class="container clearfix">
			<div class="pro-sel" id="pro-sel">
				<span>全部商品分类</span>
				<!-- <ul id="pro-sel-ul">
					<li><i class="insert-jita"></i>演唱会</li>
					<li><i class="insert-ylh"></i>音乐会</li>
					<li><i class="insert-hjg"></i>话剧歌剧</li>
					<li><i class="insert-etq"></i>儿童亲子</li>
					<li><i class="insert-yyj"></i>音乐剧</li>
					<li><i class="insert-xqz"></i>戏曲综艺</li>
					<li><i class="insert-zll"></i>展览</li>
				</ul> -->
				<div class="pro-sel-show" id="pro-sel-show">
					<div class="pro-sel-show-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item yinyue-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item geju-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item ertong-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item yinyueju-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item xiqu-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
					<div class="pro-sel-show-item zhanlang-item hide">
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
						<a href="#">流行</a>
					</div>
				</div>
			</div>
			<div class="pro-sel2">
				<ul>
					<li><a href="popmusic.html">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
					<li><a href="#">流行音乐</a></li>
				</ul>
			</div>
			<div class="pro-sel3">
				<a href="#">
					<img src="img/logo2.png">
				</a>
			</div>
		</div>
	</div>
	<!-- <div class="carouselpart" id="carouselpart">
		<div class="container">
			<div class="car-show" id="car-show">
				<ul id="lunbotu">
					<li data-col="#D1DBE4">
						<a href="#"><img src="img/lunbo1.jpg"></a>
					</li>
					<li data-col="#0E0000">
						<a href="#"><img src="img/lunbo2.jpg"></a>
					</li>
					<li data-col="#ED174B">
						<a href="#"><img src="img/lunbo3.jpg"></a>
					</li>
				</ul>
				<div class="car-cont" id="car-cont">
					<span class="cur"></span>
					<span></span>
					<span></span>
				</div>
				<div class="car-pre" id="car-pre"></div>
				<div class="car-next" id="car-next"></div>
			</div>
		</div>
	</div> -->
	<div class="slide-right">
		<div><span></span></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	
</div>
		<div id="lzh">
			<div class="my-menu">
				<h2 class="my-juooo">
					<a href="#">我的聚橙</a>
				</h2>
				<h2 class="my-order">
					<a href="myorderlist.html">订单中心</a>
				</h2>
				<ul >
					<li>
						<a href="myorderlist.html">
							<i></i>
							我的订单
							<b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="#">
							<i></i>
							我的关注
							<b class="arr"></b>							
						</a>	
					</li>
					<li>
						<a href="#">
							<i></i>
							缺货登记
							<b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="#">
							<i></i>
							预定登记
							<b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="#">
							<i></i>
							我的积分
						    <b class="arr"></b>
						</a>						
					</li>
				</ul>
				<h2 class="my-comment">
					<a href="#">社区中心</a>
				</h2>
				<ul>
					<li>
						<a href="#">
							<i></i>
							我的剧评
						    <b class="arr"></b>
						</a>						
					</li>
				</ul>
				<h2 class="my-prof">
					<a href="#">账户中心</a>
				</h2>
				<ul id="list">
					<li>
						<a href="javascript:;" class="active">
							<i></i>
							个人资料
						    <b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="security.html">
							<i></i>
							账户安全
							<b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							收货地址
						    <b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							账户余额
						    <b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							欢聚橙卡
						    <b class="arr"></b>
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							优惠券
						    <b class="arr"></b>  
						</a>						
					</li>
					<li>
						<a href="javascript:;">
							<i></i>
							橙卡
							<b class="arr"></b>						
						</a>						
					</li>
				</ul>
				<h2 class="my-note">
					<a href="#">消息提醒</a>
				</h2>
			</div>
			<div class="u-home">
				<div class="u-title">
					<div class="t-tip">
						<h3>个人资料</h3>
						<div class="od-tip">
							为了能为您提供个性化服务，完善资料中的真实姓名、性别、出生日期、演出喜好等信息，可获50积分！
							<a href="#">了解积分兑换<i class="icon-double-angle-right"></i></a>
						</div>
					</div>
				</div>
				<div class="mo-contain">
					<div class="my_mess">
						<div class="si-tab">
							<ul id="si-tabul">
								<li class="act"><a href="javascript:;">编辑资料</a></li>
								<li><a href="javascript:;">头像设置</a></li>
								<div class="line"></div>
							</ul>
							<div class="mod-pro">
								<span>资料完整度</span>
								<div class="inner"></div>
							</div>
						</div>
						
						<!--编辑资料-->
						<div class="si-ed on" style="display: block;">
							<div class="ed-tip">
								为了您的帐户安全，请验证邮箱和验证手机 ，现在验证赠送积分！
							</div>
							<div class="ed-form">
								<div class="edf-tit">
									<b class="txt">基本资料：
									</b>
								</div>
								<form action="" method="post">
									<ul id="mess">
										<li>
											<span class="e-name">昵称 :</span>
											<input class="form-control" type="text" id="" name="user" />
											<span id="warning">
												<i class="warn"></i>
											        昵称不能为空！
											</span>
											<span id="warning-y">
												<i class="warn-y"></i>
						
											</span>
										</li>
										<li>
											<span class="e-name ">登录邮箱 :</span>
											<input type="text" class="form-control e-load" value="尚未绑定邮箱" disabled="disabled"/>
											<div class="e-verify">
												<a href="#">去绑定</a>
											</div>
										</li>
										<li>
											<span class="e-name">绑定手机 :</span>
											<input type="text" class="form-control e-load" value="尚未绑定手机" disabled="disabled"/>
											<div class="e-verify">
												<a href="#">去绑定</a>
											</div>
										</li>
										<li>
											<span class="e-name">真实姓名：</span>
											<input type="text" class="form-control" ignore="ignore" disabled="disabled" style="padding-left:85px;background:#e3e3e3"/>										
										</li>
										<li>
											<span class="e-name">身份证号：</span>
											<input type="text" class="form-control" ignore="ignore" disabled="disabled" style="padding-left:85px;background:#e3e3e3"/>										
										</li>
										<li>
											<span class="e-name">性别：</span>
											<select name="gender">
												<option selected="selected" value="0">--保密--</option>
												<option value="1">男</option>
												<option value="1">女</option>
											</select>
										</li>
										<li>
											<span class="e-name">演出喜好：</span>
											<select name="category">
												<option selected="selected" value="0">--请选择--</option>
												<option value="35">流行音乐</option>
												<option value="36">古典音乐</option>
												<option value="37">舞台剧</option>
												<option value="38">儿童亲子</option>
											</select>
										</li>
										<li>
											<span class="e-name">居住地：</span>
											<select name="province" id="province" onchange="loadCity()">
												<option selected="selected" value="0">--请选择--</option>
											</select>
											<select name="city" id="city" onchange="loadArea()">
												<option selected="selected" value="0">--请选择--</option>
											</select>
											<select name="area" id="area">
												<option selected="selected" value="0">--请选择--</option>
											</select>
										</li>
										<li>
											<span class="e-name d-a">详细地址：</span>
											<textarea name="address" rows="3" datatype="*1-100"></textarea>
										</li>
									</ul>									
								</form>
								<div class="edf-tit">
									<b class="txt">其他资料：</b>
								</div>
								<form action="" method="post">
									<ul>
										<li>
											<span class="e-name">出生日期：</span>
											<input type="text" class="form-control" value style="font-size:14px" />
										</li>
										<li>
											<span class="e-name">婚姻状况：</span>
											<select name="marriage">
												<option selected="selected" value="0">--请选择--</option>
												<option value="1">已婚暂无子女</option>
												<option value="2">已婚且有子女</option>
												<option value="3">恋爱中</option>
												<option value="4">单身</option>
											</select>
										</li>
										<li>
											<span class="e-name">教育程度：</span>
											<select name="edu">
												<option selected="selected" value="0">--请选择--</option>
												<option value="1">已婚暂无子女</option>
												<option value="2">已婚且有子女</option>
												<option value="3">恋爱中</option>
												<option value="4">单身</option>
											</select>
										</li>
										<li>
											<span class="e-name">月收入：</span>
											<select name="income">
												<option selected="selected" value="0">--请选择--</option>
												<option value="1">已婚暂无子女</option>
												<option value="2">已婚且有子女</option>
												<option value="3">恋爱中</option>
												<option value="4">单身</option>
											</select>
										</li>
										<li>
											<span class="e-name d-a">自我介绍：</span>
											<textarea name="remark" rows="3" class="f-textarea" ></textarea>
										</li>
										<li>
											<span>&nbsp;</span>
											<button type="submit" class="save-btn">保存资料</button>
										</li>
									</ul>
				
								</form>
							</div>
						</div>
						
						<!--头像设置-->
						<div class="si-pic on" style="display: none;">
							<div class="wrap">
								<label for="upload-file" class="btn-d">
									<p>本地上传</p>
									<input type="file" name="files[]" id="upload-file" value="本地上传" />
								</label>
								
							    <p class="only">仅支持JPG、GIF、PNG、BMP图片，大小不限</p>
							</div>
							<div class="wl">
								<div class="demo-box">
									<img src(unknow)  alt title="请上传图片"/>
								    <span>请上传头像</span>
								</div>
								<div class="jy-up">
									<a href="javascript:;" class="bch1"></a>
									<a href="javascript:;" class="bch2"></a>
									<a href="javascript:;" class="bch3"></a>
									<a href="javascript:;" class="bch4"></a>
								</div>
							</div>
							<div class="wr">
								<div class="pre1">
									<img src />
								</div>
								<p class="w1">120*120像素</p>
								<div class="pre2">
									<img src />
								</div>
								<p class="w2">48*48像素</p>
								<div class="pre3">
									<img src  />
								</div>
								<p class="w3">20*20像素</p>
							</div>
							<div class="operation">
								<input type="button" name="save" id="save-btn" value="保存" />
								<input type="button" name="dec" id="cal-btn" value="取消" />
							</div>
						</div>
					</div>
				</div>
			</div>
			
			
		
		
		
		</div>
<div class="lrq" style="margin-top: 200px;">
	<div class="footpart-top">
		<div class="container clearfix">
			<div class="footpart-item">
				<dl>
					<dt>帮助中心</dt>
					<dd>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
						<a href="#" class="chengsehover">新手指南</a>
					</dd>
				</dl>
			</div>
			<div class="footpart-item">
				<dl>
					<dt class="chengse">400-185-8666</dt>
					<dd>
						<p>周一至周五： 08:30-20:00</p>
						<p>周一至周五： 08:30-20:00</p>
					</dd>
				</dl>
			</div>
			<div class="footpart-item m-r">
				<div class="erwei-item">
					<div class="erweima">
						<img src="img/ticket.png">
						<span>聚橙票务</span>
					</div>
					<div class="erweima">
						<img src="img/ticket.png">
						<span>聚橙票务</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footpart-bot">
		<div class="container">
			<div class="fb1">
				<p>旗下的牌子:<a href="#" class="chengsehover">小舞舞</a><a href="#" class="chengsehover">小舞舞</a><a href="#" class="chengsehover">小舞舞</a></p>
			</div>
			<div class="fb2">
				<div class="fb2-item">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
				<div class="fb2-item">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
				<div class="fb2-item b-r">
					<span>高雅艺术 商业联盟</span>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
					<a href="#" class="fb2-a"></a>
				</div>
			</div>
			<div class="fb3">
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<a href="#" class="chengsehover">关于我们</a>
				<p>
				Copyright 2007-2017 © 深圳市聚橙演艺联盟票务有限公司 | 粤ICP备17063893号-2 
				<i class="jingcha"></i>
				粤公网安备 44030502000578号
				</p>
			</div>
			<div class="fb4">
				<a href="#"></a>
				<a href="#"></a>
			</div>
		</div>
	</div>
</div>	
		<script src="js/china_area.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/myorderlist.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/jquery.min.js"></script>
<script src="js/lrq.js"></script>
<script src="js/lrq2.js"></script>
	</body>
</html>
